<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
</head>
    <h1 class="text-capitalize text-center">register</h1>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <form action="" method="post">
                    <p>username:<input type="text" name="username" class="form-control"></p>
                    <p>password:<input type="password" name="password" class="form-control"></p>
                    <p>age:<input type="text" name="age" class="form-control"></p>
                    <br>
                    <p>gender:
                        男<input type="radio" name="gender"  value="M">
                        女<input type="radio" name="gender" value="F">
                        保密<input type="radio" name="gender"  value="S" checked>
                    <p/>
                    <br>
                    <span>hobby:
                        <input type="checkbox" name="hobby"  value="1">唱歌
                        <input type="checkbox" name="hobby"  value="2">跳舞
                        <input type="checkbox" name="hobby"  value="3">喝酒
                        <input type="checkbox" name="hobby"  value="4">玩牌
                        <input type="checkbox" name="hobby"  value="5" checked>睡觉
                        <input type="checkbox" name="hobby"  value="6">讲故事
                        <input type="checkbox" name="hobby"  value="7">跑步
                    </span>
                    <p>
                      <input type="submit" class="btn btn-primary">
                    </p>

                </form>
            </div>
        </div>

    </div>
</body>
</html>